﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="addNewAlbum.aspx.cs" Inherits="dndpage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <title></title>
    <script src="../js/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="../js/script.js" type="text/javascript"></script>
    <script src="../js/jquery.filedrop.js" type="text/javascript"></script>
    <link href="../css/dndCss.css" rel="stylesheet" type="text/css" />
   
    <style type="text/css">
        #Button1
        {
            width: 102px;
        }
        #Button2
        {
            width: 299px;
        }
        #Button3
        {
            width: 298px;
        }
        .style1
        {
            height: 682px;
        }
    </style>
    
    <link href="../css/jquery.datepick.css" rel="stylesheet" type="text/css" />
   
    <script src="../js/jquery.datepick.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('#date1').datepick();
        $('#inlineDatepicker').datepick({ onSelect: showDate });
    });

  
</script>
    

</head>
<body>
    <form id="form1" runat="server">

    <div></div>
<div></div>
<div >
    &nbsp;</div>


<table cellspacing="5" border="0" cellpadding="0" 
        style="height: 580px; margin-bottom: 17px;">
<tr valign="top" align="left">
<td width="300" class="style1">

</td>
<td width="0" bgcolor="#DFDFDF" class="style1"><BR></td>
<td width="1000" valign="top" align="left" class="style1">
<div>
  
    <img src="../photos/createCrossLines.png" style="height: 46px; width: 734px" />
</div>

<div style="font-size:20px; position:absolute; top: 112px; left: 350px; font-family:Vrinda">
Album Name:
</div>
<input id="Text2" type="text" 
        style="position:absolute; top: 112px; left: 476px; width: 247px; height: 23px;" />


<div style="font-size:20px; position:absolute; top: 155px; left: 350px; font-family:Vrinda">
Select Event:
</div>
<select id="Select1" 

        
        style=" position:absolute; top: 159px; left: 476px; height: 22px; width: 251px; font-size:15px">
       
    </select>
    <div style="font-size:20px; position:absolute; top: 200px; left: 350px; font-family:Vrinda">
Location:
</div>
<input id="Text1" type="text" 
        style="position:absolute; top: 202px; left: 476px; width: 247px; height: 23px;" />
        
    &nbsp;<div style="font-size:20px; position:absolute; top: 247px; left: 351px; font-family:Vrinda">
Date:
</div>

<input id="date1" name="dateI" type="text" maxlength="10"  style=" position:absolute; top: 248px; left: 476px; height: 22px; width: 247px; font-size:15px" />

   <div id="inlineDatepicker"></div>
        

  
 <div style="font-size:20px; position:absolute; top: 287px; left: 351px; font-family:Vrinda">
Description:
</div>
<textarea id="TextArea1" rows="5" 
        style="position:absolute; top: 293px; left: 476px; width: 696px;"></textarea>
<div style="font-size:20px; position:absolute; top: 400px; left: 351px; font-family:Vrinda">
Add Photos:
</div>

<div id="dropbox" style="border: 1px solid Gray; font-size:20px; position:absolute; top: 415px; left: 476px; font-family:Vrinda; min-height: 300px; width: 700px; ">

</div>

<input id="Button4" type="button" value="Create Album" 
        
        
        
        style="position:absolute; top: 430px; left: 351px; font-size:medium; width: 113px; height: 74px;" />&nbsp;
    <input id="Button1" type="button" value="Cancel" 
        
        style="position:absolute; top: 523px; left: 351px; font-size:medium; width: 113px;height: 74px;" /></td>
</tr>

</table>
<br />
   
    </form>

    
  
    </body>
</html>
